草庐IT

JavaScript Canvas - 改变图像的不透明度

全部标签

javascript - 谷歌地图集群自定义图像

我想用自定义图像更改谷歌地图聚类。但是,它不会改变我提供的任何内容。这个initMap函数是https://developers.google.com/maps/documentation/javascript/marker-clustering然后我尝试用来自谷歌的一些随机图像来更改集群图像。但是,它不呈现任何内容。集群不支持自定义集群镜像??functioninitMap(){varmap=newgoogle.maps.Map(document.getElementById('map'),{zoom:3,center:{lat:-28.024,lng:140.887}});//Cr

javascript - Vue js - 找不到图像源时设置替代图像

我在一个有产品列表的网站上工作。每个产品都有对应的图像。我将图像url绑定(bind)到源属性,如下所示。如果找不到图片,我想显示默认图片。我在cshtmlrazor语法中做了如下操作(仅供引用)onerror='this.onerror=null;this.src="@Url.Content("~/images/photo-not-available.jpg")";'我如何在Vue中实现相同的目标? 最佳答案 您可以在Vue中使用@error设置一个onerror处理函数: 关于jav

javascript - Phaser 3补间不透明度?

我正在尝试将Sprite从一点补间到另一点,并让它在移动时逐渐消失。我试过这个:consttween=game.tweens.add({targets:[log.sprite],x:fire.x,y:fire.y+(fire.height*0.2),opacity:0,duration:300,repeat:0,onComplete(){destroyLog(log);resolve();},});但这行不通。我很难找到适合Phaser3的API文档,所以我不确定应该在哪里寻找这些信息。 最佳答案 您可能应该使用alpha而不是op

javascript - Jquery 选择改变

我有一个选择框(Specie)和一个typeAhead输入字段(Breed),我需要更新选择框的更改,我有以下代码。SelectaSpeciesDogCatHorse$(document).on('change','.specie-breed',function(){letspecie=this.value;$('#breed').typeahead({source:function(query,process){return$.get('/get/breeds/'+specie,{query:query},function(data){console.log(data);return

javascript - Array.prototype.map() 可以改变它调用的数组吗?

Mozilla说:mapdoesnotmutatethearrayonwhichitiscalled(althoughcallback,ifinvoked,maydoso).https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map具体来说,回调传递的第三个参数是:Thearraymapwascalledupon.我假设这意味着内存中的数组位置通过引用复制到回调中。因此,通过改变第三个参数,我们应该改变原始数组,但以下两段代码给出了冲突的结果:情况1,重新分配第三个

javascript - 如何在不改变也不重新分配的情况下实现可设置和可检索的状态?

在编写代码时,有一些规则可以说是值得遵循的:如果没有重新分配,代码更易于阅读和推理;许多linters建议尽可能使用const。代码也更易于阅读和推理对象何时不会发生变化。如果您在代码的一部分中定义了一个对象,知道您可以在其他地方自由引用该对象是很有帮助的,而且它会完全相同。在大多数情况下,这些规则都很好,并且可以毫无问题地遵守它们。但是,在实现同时具有setter和getter功能(这是编程中非常常见的模式)的模块时,是否可以同时遵循它们?例如:constmodule=(()=>{//Reassignment,butnomutation:letsavedData;return{get

javascript - 什么可能导致 XMLHttpRequest 在 Firefox 中永远不会改变状态?

我正在处理一些旧的AJAX代码,这些代码是在jQuery出现之前的黑暗日子里编写的。奇怪的是,多年来它一直运行良好,直到今天突然停止触发回调。这是基本代码:varxml=newXMLHttpRequest();//onlyneedstosupportFirefoxxml.open("GET",myRequestURL,true);xml.onreadystatechange=function(){alert('test');};xml.send(null);检查Firebug控制台,发送请求没有问题,它从请求URL接收正确的XML,但是onreadystatechange函数根本不工作

javascript - 预加载的图像未在 Chrome 中显示

我正在预加载一些图像,然后在灯箱中使用它们。我遇到的问题是,虽然图像正在加载,但浏览器并未显示它们。此问题特定于Chrome。它在Chrome8-10中一直存在,我一直在断断续续地尝试修复它,但一无所获。我读过这些类似的问题,Chromenotdisplayingimagesthoughassetsarebeingdeliveredtobrowser2MinorCrossbrowserCSSIssues.BackgroundimagesnotdisplayinginGoogleChrome?JavaScriptpreloadedimagesaregettingreloaded它们都详细

javascript - 如何添加点击并拖动以缩放 SVG 中的图像?

我想让访问者使用点击和拖动来缩放图像:是否有可以帮助我的JavaScript库?我注意到Raphaelhasclickanddrag方法,但我仍然需要编写大量JS来:找到图像的Angular使Angular落附近的区域可选为Angular绘制图标,使其明显可见在Angular落添加点击、拖放更新图片的尺寸我可以做到所有这些,但听起来很费时。有没有我应该使用的开源脚本?其他建议? 最佳答案 我在这篇文章中找到了这个解决方案:DraggablesandResizablesinSVG.在答案中,您可以找到一个jsfiddle链接:http

javascript - 将图像移动到鼠标的位置?

对Javascript非常新,只是想学习:)我想要做的是在默认位置有一个图像(最终将是一个Sprite),然后当我在屏幕上单击鼠标右键时,我希望图像逐渐移动到那个位置?我做了一些研究,但找不到具体的。最终我想要一个可以使用鼠标右键在屏幕上移动的动画游戏Angular色。 最佳答案 就像其他人所说的远离右键单击一样,这里是一个使用jQuery的示例。LiveDemovar$follower=$("#follower"),mouseX=0,mouseY=0;$(document).click(function(e){mouseX=e.p